<!DOCTYPE html>
<html lang="en">
<head>
  <title>menu.js demo</title>
  
  <script src="menu.js"></script>

  <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
</head>
<body style="font-family: Helvetica, Arial, sans-serif; margin: 0">
  <div id="menubar" style="border-bottom: 1px solid #ccc; padding-bottom: 10px; width: 100%; padding-left: 40px">
    <div>
      <span class="menuLabel">File</span>
      <div class="menuDropDown">
        <a href="#">Open...<span class="hotkey">Ctrl+O</span></a>
        <a href="#"><i class="material-icons icon">print</i>Print...</a>
        <hr>
        <a href="#"><i class="material-icons icon">delete</i>Delete</a>
      </div>
    </div>
    <div><span class="menuLabel">Edit</span>
      <div class="menuDropDown">
        <a href="#">Insert...</a>
      </div>
    </div>
    <div><span class="menuLabel">View</span></div>
    <div><span class="menuLabel">Help</span></div>
  </div>
</body>
</html>
